<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script
  src="https://code.jquery.com/jquery-3.6.1.js"
  integrity="sha256-3zlB5s2uwoUzrXK3BT7AX3FyvojsraNFxCc2vC/7pNI="
  crossorigin="anonymous"></script>
</head>
<body>
    <a href="http://www.baidu.com" title="赵亚">赵亚</a>
    <input type="checkbox" name="" id="" checked>
    <div index="1" data-index="2">我是div</div>
    <span>123</span>
    <script>
        $(function(){
            // 1,element.prop("属性名")获取元素固有的属性值
            console.log($("a").prop("href"))
            $("a").prop("title","我叫赵亚")
            $("input").change(function(){
                console.log($(this).prop("checked"))
            })
            // console.log($("div").attr("index"))
            // 2,z元素的自定义属性  我们通过attr（）
            console.log($("div").attr("index"))
            $("div").attr("index",4)
            console.log($("div").attr("data-index"))
            // 3,数据缓存  data() 这个里面的数据是存放在元素的内存里面
            $("span").data("uname","andy")
            console.log($("span").data("uname"))
            // 这个方法获取data-index h5自定义属性  第一个  不用写data-  而且返回的是数字型
            console.log($("div").data("index"))
        })
    </script>
</body>
</html>